<template>
    <div class="index">
        <div class="pic">
            <img :src="noPassPic" alt=""/>
        </div>
        <div class="sorry">
            对不起!
        </div>
        <div class="details">
            您的网络出现问题了 暂无访问<br/><br/>
            <span @click="contactAdmin">请联系管理员</span>&ensp;
            <span @click="beatAdmin">暴揍管理员</span>
        </div>
    </div>
</template>

<script>
    import {Toast} from 'vant'
    export default {
        name: "error",
        data(){
            return{
                noPassPic: require("@/assets/error/error.png"),
            }
        },
        methods:{
            contactAdmin(){
                Toast('管理员正在内卷？');
            },
            beatAdmin(){
                Toast('你比华强如何？');
            }
        }
    }
</script>

<style scoped>

    .index {
    }
    .pic {
        text-align: center;
    }
    img {
        margin-top: 50%;
        width: auto;
        height: 200px;
    }
    .sorry{
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }
    .details{
        margin-top: 5%;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
    }
    span {
        color: #4D2386;
    }
</style>
